<template>
	<view class="fenxiao">
		<uni-nav-bar left-icon="back" left-text='分销中心' fixed="true"  statusBar="true" backgroundColor="transparent" />
		
		<view class="core_bg">
		  <image :src="imgRemote+'/mpimg/core_1.png'" class="core_1" mode="widthFix"></image>
		  
		  <view style="position: relative;">
		  <view class="box">
			  
		  <view class="core_box">
		    <view class="core_title">成为合伙人 赚钱看得见</view>
		    <view class="core_text">— 成为合伙人可享以下权益 —</view>
		    <view class="core_list">
		     <image src="../../static/img/core_4.png"></image>
		     <view class="core_desc">
		       <view>分享好友圈</view>
		       <text>好玩分享给更多人赚的更多</text>
		     </view>
		    </view>
		    <view class="core_list">
		      <image src="../../static/img/core_3.png"></image>
		      <view class="core_desc">
		        <view>专业指导</view>
		        <text>手把手教学和经验分享</text>
		      </view>
		    </view>
		    <view class="core_list">
		      
			  <image src="../../static/img/core_2.png"></image>
			  <view class="core_desc">
			    <view>平台支持</view>
			    <text>专业的技术和运营团队做保障</text>
			  </view>
		    </view>
		  </view>
		  <view class="core_btn" @click="toCore" v-if="info.status<1" >立刻加入</view>
		   <view class="core_btn" v-if="info.status==1" >审核中</view>
		   <view class="core_btn "@click="toCore" v-if="info.status==3" >
			   <view>未通过,请重新提交</view>
			   <span class="msg" v-if="info.content">原因:{{info.content}}</span>
			   </view>
			   </view>
			   </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgRemote:getApp().globalData.imgRemote,
				info:{status:0}
			}
		},
		onShow() {
		   this.getInfo();	
		},
		methods: {
			getInfo(){
			   this.$get(this.$api.applyInfo,{},res=>{
				   let {
				   	data
				   } = res;
				   this.info=data.data;
				   console.log(this.info);
			   });
			},
			toCore(){
				uni.navigateTo({
					url:'/pages/distribution/coreJoin'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.core_1{
  width:100%;
}
.fenxiao /deep/ .uni-navbar--border {
		border: none;
	}
.core_bg{
  background: linear-gradient(180deg, #FFE048 0%, #FF9000 100%);
  min-height:100vh;
  position: absolute;
  top:0;
  width: 100vw;
}
.core_box{
  width: 690rpx;
  background: #FDDBB5;
  border-radius: 10rpx;
  margin:0 auto;
  overflow: hidden;
}
.core_title{
  width: 570rpx;
  height: 90rpx;
  line-height:90rpx;
  background: linear-gradient(90deg, #F28157 0%, #E4504C 100%);
  box-shadow: 0px 4rpx 10rpx 0px rgba(185, 21, 13, 0.51);
  border-radius: 45rpx;
  margin:50rpx auto 30rpx;
  font-size: 36rpx;
  color: #FFFFFF;
  text-align: center;
  
}
.core_text{
  text-align: center;
  font-size: 30rpx;
  color: #E5524C;
  margin-bottom:40rpx;
}
.core_list{
  display: flex;
  align-items: center;
  background:#fff;
  box-shadow: 0px 4px 10px 0px rgba(185, 21, 13, 0.2);
  margin:0 30rpx 30rpx;
  border-radius: 10rpx;
  height: 140rpx;
}
.core_list image{
  width: 106rpx;
  height: 79rpx;
  padding:0 30rpx 0 20rpx;
}
.core_desc view{
  font-size: 36rpx;
  color: #333333;
  margin-bottom:10rpx;
}
.core_desc text{
  font-size: 26rpx;
  color: #FFAF25;
}
.core_btn{
  width: 630rpx;
  
  background: #F6C648;
  border-radius: 49rpx;
  margin:20rpx auto;
  font-size: 36rpx;
  color: black;
  text-align: center;
  box-sizing: border-box;
  padding: 15rpx 0;
 
}
.core_name{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:40rpx 0;
}
.core_name view:first-child{
  width: 180rpx;
  height: 4rpx;
  background: linear-gradient(90deg, #FFFFFF 0%, #FF9000 100%);
  border-radius: 2rpx;
}
.core_name view:nth-child(2){
  font-size: 36rpx;
  color: #FF9001;
  margin:0 20rpx;
}
.core_name view:last-child{
  width: 180rpx;
  height: 4rpx;
  background: linear-gradient(90deg, #FF9101 0%, #FFFFFF 100%);
  border-radius: 2rpx;
}

.welfare_good{
  padding:0 30rpx;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:30rpx;
}
.welfare_list{
  width: 330rpx;
  margin-right:30rpx;
}
.welfare_list:nth-child(even){
  margin-right:0;
}
.welfare_list image{
  width: 330rpx;
  height: 200rpx;
  border-radius: 10rpx;
}
.welfare_name{
  font-size: 30rpx;
  color: #333333;
  margin-top:30rpx;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.member_box{
  display: inline-block;
}
.member{
  display: flex;
  align-items: center;
  border: 1rpx solid #333333;
  margin:20rpx 0 10rpx;
  padding:0 6rpx 0 0;
}
.member>text{
  font-size: 20rpx;
  color: #333333;
}
.member view{
  width: 34rpx;
  height: 26rpx;
  background: #333333;
  border-radius: 4rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.member view text{
  color: #FFE048;
  font-size:22rpx;
}
.welfare_price{
  display: flex;
  align-items: flex-end;
}
.welfare_price view{
  font-size: 30rpx;
  color: #CC0000;
}
.welfare_price text{
  font-size: 22rpx;
  color: #C3C3C3;
}
.box{
	position: absolute;
	width: 100%;
    top:-240rpx;
}
.msg{
	font-size: 26rpx;
}

</style>
